<script setup>
//1.使用宏函数，defineEmits来生成emit函数
//2.使用emit函数来触发自定义事件
//3.父组件中监听emit中触发的自定义事件
/* 自己总结这一过程：先生成emit函数，然后写个事件使点击按钮时发送send-msg事件
到父组件中的子组件中，然后把send-msg事件写在SonCom中，以send-msg为名字，
右侧父组件事件值自定义 */


//注意：使用defineEmits的时候，必须把事件名在数组中定义好
const emit = defineEmits(['send-msg'])
const sendMsg = () => {
    emit('send-msg', '这是要发给父组件的信息')
}
</script>

<template>
  <div class="son">
    <h2>子组件</h2>
    <button @click="sendMsg">向父组件传值</button> 
  </div>
</template>

<style scoped>
.son {
    width: 100px;
    height: 100px;
    border: 1px solid lightblue;
}
</style>